<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2018/5/4
  Time: 14:35
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@include file="../../common/web_top.jsp" %>
<div ng-include="finance" class="includeStyle ">

        <div class="bgSortScroll">
            <!-- ngIf: HbHr.hr158 -->
            <div class="public-bgContent " ng-show="financeShow._default"   ng-if="HbHr.hr158">
                <!--表单搜索-->
                <div class="public-bgDate">
                    <div class="se-re">
                        <select ng-model="param.time_type" class="ng-pristine ng-untouched ng-valid ng-empty">
                            <option value="" selected="selected">时间类型</option>
                            <option value="1">还款日期</option>
                        </select>
                        <span class="se-po"></span>
                    </div>
                    <span>
            <input type="text" autocomplete="off" id="start_time" ng-model="param.start_time" ng-focus="remHight()"
                   ng-class="{'error':redErr.dateTime}" placeholder="开始时间"
                   class="ng-pristine ng-untouched ng-valid ng-empty datepicker">
            <i class="iconfont icon-riqi"></i>
        </span>
                    <em>
                        ~
                    </em>
                    <span>
            <input type="text" autocomplete="off" id="end_time" ng-model="param.end_time" ng-focus="remHight()"
                   ng-class="{'error':redErr.dateTime}" placeholder="结束时间"
                   class="ng-pristine ng-untouched ng-valid ng-empty datepicker">
            <i class="iconfont icon-riqi"></i>
        </span>
                    <div class="se-re">
                        <select id="seleNames" ng-model="param.type" ng-class="{'error':redErr.seleName}"
                                ng-focus="F.remHight()" ng-change="changeName()"
                                class="ng-pristine ng-untouched ng-valid ng-empty">
                            <option value="" selected="selected">选择字段</option>
                            <option value="1">借款编号</option>
                            <option value="2">客户姓名</option>
                            <option value="3">手机号码</option>
                            <option value="4">身份证号码</option>
                            <option value="5">业务员姓名</option>
                        <span class="se-po"></span>
                    </div>
                    <span>
            <input type="text" autocomplete="off" id="inputNames" placeholder="请输入关键字" ng-focus="F.remHight()" ng-model="param.name"
                   class="ng-pristine ng-untouched ng-valid ng-empty">
        </span>
                    <div class="se-re">
                        <select ng-options="a.id as a.atName for a in fenQi.content" ng-model="param.atId"
                                class="ng-pristine ng-untouched ng-valid ng-empty">
                            <option value="" class="" selected="selected">分期</option>
                            <option label="1个月" value="number:6">1个月</option>
                            <option label="2个月" value="number:7">2个月</option>
                            <option label="3个月" value="number:8">3个月</option>
                            <option label="4个月" value="number:38">4个月</option>
                            <option label="5个月" value="number:32">5个月</option>
                            <option label="6个月" value="number:15">6个月</option>
                            <option label="7个月" value="number:35">7个月</option>
                            <option label="8个月" value="number:36">8个月</option>
                            <option label="9个月" value="number:16">9个月</option>
                            <option label="10个月" value="number:25">10个月</option>
                            <option label="11个月" value="number:37">11个月</option>
                            <option label="12个月" value="number:17">12个月</option>
                            <option label="14个月" value="number:41">14个月</option>
                            <option label="24个月" value="number:39">24个月</option>
                        </select>
                        <span class="se-po"></span>
                    </div>
                    <div class="se-re">
                        <select id="loan_way" class="ng-pristine ng-untouched ng-valid ng-empty">
                            <option value="" selected="selected">贷款方式</option>
                        </select>
                        <span class="se-po"></span>
                        <script type="text/x-handlebars-template" id="loanMethod_list_tpl">
                            {{#each content}}
                            <option value="{{id}}">{{name}}</option>
                            {{/each}}
                        </script>
                    </div>
                    <!-- <div class="se-re">
                        <select ng-options="b.id as b.name for b in buMen.content" ng-model="param.dptId" ng-change="seltt()">
                            <option value="">部门</option>
                        </select>
                        <span class="se-po"></span>
                    </div>
                    <div class="se-re">
                        <select ng-options="c.id as c.realName for c in zhiWei.content" ng-model="param.roleId">
                            <option value="">业务员</option>
                        </select>
                        <span class="se-po"></span>
                    </div> -->
                    <button ng-click="btn(1)">
                        <i class="iconfont icon-sousuo"></i>
                    </button>
                </div>
            </div>
                <!--提示操作-->
                <div id="overdueRepayment_content"></div>
                <script type="x-handlebars-template" id="overdueRepayment_content_tpl">
                <div class="public-bghint">
                    <span ng-click="show('caozuo')" style="cursor: pointer;">提示操作</span>
                    <i class="iconfont icon-icon-copy-copy"></i>
                    <span class="calNum">筛选<span class="">{{content.total}}</span>条结果</span>
                </div>
                <ul class="public-ulList" ng-show="loanLaterShow.caozuo">
                    <li>显示拥有该栏目管理权限的数据</li>
                    <li>拥有权限的管理员会显示对应的操作按钮；</li>
                </ul>
                <div style="height: 20px;"></div>
                <div class="table-scroll">
                    <!--tabel 列表-->
                    <table class="table public-table PoInput">
                        <thead>
                        <tr>
                            <td>全选</td>
                            <td>计划收款日期</td>
                            <td>客户姓名</td>
                            <td>业务员</td>
                            <td>已还款/总期</td>
                            <td>借款金额</td>
                            <td>实际收款</td>
                            <td>未还总额</td>
                            <td>分期状态</td>
                            <td>状态</td>
                            <td>操作</td>
                        </tr>

                        </thead>
                        <tbody>
                        {{#if content.list}}
                        {{#each content.list}}
                         <tr ng-repeat="i in data.content.list" ng-click="F.tabClick($event)"
                            class="table-tr-hover ">
                            <td><input type="checkbox" name="ch_id" value="218"></td>
                            <td class="">{{repayment_time}}</td>
                            <td class="">{{personal_name}}</td>
                            <td class="">{{admin_name}}</td>
                            <td class="">5/9个月</td>
                            <td class="">￥{{#thounsandBit apply_money}}{{/thounsandBit}}</td>
                            <td class="">￥{{sum_money}}.00</td>
                            <td class="">￥{{repayment_money}}</td>
                            <td class="">第6期</td>
                            <!--<td>逾期</td>-->
                            <td class="">{{s_name}}</td>
                            <td>
                                <div class="se-re sel-blue">
                                    <select ng-click="F.stopPropagation($event)" class="tabHint tt218 ng-not-empty overdue_select"
                                            ng-model="selectType.default" ng-change="F.selectQuery('tt218')">
                                        <option value="-1" selected="selected">选择操作</option>
                                        <!-- ngIf: HbHr.hr158 -->
                                        <option ng-if="HbHr.hr158" value="1" path="common" data-type="1"
                                                params="orderShow"
                                                param="id:218,periods:第6期,orderHead:partialRepayment,isReimbursement:true"
                                                class="">查看详情
                                        </option><!-- end ngIf: HbHr.hr158 -->
                                        <!-- ngIf: HbHr.hr160 -->
                                        <option ng-if="HbHr.hr160" value="2" path="loanLater" params="putLoan"
                                                param="id:218,nowPage:partialRepayment" class="">收款操作
                                        </option><!-- end ngIf: HbHr.hr160 -->
                                    </select>
                                    <span class="se-po-blue"></span>
                                </div>
                                <!-- ngIf: HbHr.hr261 -->
                                <button id="{{id}}" ng-if="HbHr.hr261" class="operations_record tabHint btnQuery218"
                                        ng-click="F.btnQuery('btnQuery'+i.id);$event.stopPropagation();"
                                        path="loanBefore" params="record" param="Table:t_payment,tableId:218">
                                    操作记录
                                </button><!-- end ngIf: HbHr.hr261 -->
                            </td>
                        </tr>

                        {{/each}}
                        {{else}}



                        <!-- ngRepeat: i in data.content.list -->
                        <!-- ngIf: data.content.list.length ==0 -->
                        <tr ng-if="data.content.list.length ==0" class="">
                            <td colspan="16">暂时找不到数据</td>
                        </tr><!-- end ngIf: data.content.list.length ==0 -->
                        {{/if}}

                        </tbody>

                        <tfoot class="public-botPage">
                        <tr>
                            <td>
                                <!-- 全选反选  -->
                                <input type="checkbox" ng-click="F.ch_id_all($event,'ch_id')">
                            </td>
                            <td colspan="12">
                                <div class="public-botPage-left">
                        <span>
                            <span>全选</span>
                        </span>
                                    <div class="se-re">
                                        <select class="tabHint supportc ng-pristine ng-untouched ng-valid ng-not-empty"
                                                id="selExportvalid" ng-model="selExportval" ng-change="selExport(this)">
                                            <option value="-1" selected="selected">批量操作</option>
                                            <!-- ngIf: HbHr.hr277 -->
                                            <option ng-if="HbHr.hr277" value="1" ng-click="selExport()"
                                                    class="">批量导出
                                            </option><!-- end ngIf: HbHr.hr277 -->
                                        </select>
                                        <span class="se-po"></span>
                                    </div>
                                </div>
                                <div class="public-botPage-right">
                                    <!-- 页码公共引进  'work/tems3/loanBefore/page/page.html'-->
                                    <!-- ngInclude: pageUrl -->

                                </div>
                            </td>
                        </tr>
                        </tfoot>
                    </table>
                    <!--底部操作-->
                </div>
                </script>
            </div><!-- end ngIf: HbHr.hr158 -->
        </div>
 </div>
<%--收款操作--%>
<div class="winBox" style="display: none;">
    <!-- 加载弹窗盒子容器 -->
    <!-- ngInclude: box --><div class="winBox1 " ng-include="box"><!-- 说明 -->

    <div class="winBox2 ">
        <div class="putloan">
            <!-- 头部 -->
            <div class="headerBox">
                <span class="headerSpan">提交收款</span>
                <i class="iconfont icon-wrong headerIcon" ng-click="F.showWin('hide')"></i>
            </div>
            <div class="resultBox">
                <div class="centerBox" style="max-height: 787px;">
                    <div class="resultPadd">
                        <table class="resultTab">
                            <tbody>
                            <!-- 本期期数-->
                            <tr>
                                <td><span style="color: #ec0a0b;">*</span>本期期数</td>
                                <td class="tdWei">
                                    <span class="loan-yellow ">第1期</span>
                                    <span class="loan-remind">
									<div class="small-i ">当前笔款计划日期：2019-03-08</div>
									<div class="small-i  small-i-red" id="small_333">本地日期：2018-05-22</div>
								</span>
                                </td>
                            </tr>
                            <!-- 收款归类 -->
                            <tr>
                                <td><span style="color: #ec0a0b;">*</span>收款归类</td>
                                <td class="tdSelect">
                                    <div class="se-re">
                                        <select ng-options="c.id as c.ps_name for c in _classification" id="ps_id" ng-model="param.ps_id" ng-change="changeFund()" class="ng-pristine ng-valid ng-not-empty ng-touched"><option label="正常还款" value="number:1" selected="selected">正常还款</option><option label="本期坏账" value="number:2">本期坏账</option><option label="逾期还款" value="number:4">逾期还款</option><option label="提前结清" value="number:5">提前结清</option></select>
                                        <span class="se-po se-box"></span>
                                    </div>
                                    <span class="D-right-al">
									<i class="small-i" style="display:none">存在违约金</i>
								</span>
                                </td>
                            </tr>

                            <!-- 本期收款 -->
                            <tr>
                                <td><span style="color: #ec0a0b;"></span>本期收款</td>
                                <td class="tdWei">
								<span class="loan-yellow ">
									￥5,237.33
								</span>

                                </td>
                            </tr>

                            <!-- 收款明细 -->
                            <tr>
                                <td rowspan="2"><span style="color: #ec0a0b;">*</span>收款明细</td>
                                <!-- ngIf: changeEle.qishu --><td class="tdSelect " ng-if="changeEle.qishu">
                                <div class="se-re">
                                    <select ng-focus="remHight()" ng-class="{'error':redErr.fund_plan_id}" ng-change="selectP()" id="fund_plan_id" ng-options="c.id as c.periods for c in data.content.funPlanlList" ng-model="param.fund_plan_id" class="ng-pristine ng-valid ng-not-empty ng-touched"><option label="第1期" value="number:2163" selected="selected">第1期</option></select>
                                    <span class="se-po se-box"></span>
                                </div>
                            </td><!-- end ngIf: changeEle.qishu -->
                            </tr>
                            <tr>
                                <td class="tdWei tdRadio" style="background: #ffffff;">
								<span class="loan-Ii">
									<!-- ngIf: !changeEle.benjin --><i class="small-i " ng-if="!changeEle.benjin">
										<!-- ngIf: funPlan.is_month_repayment_money>0 --><span class="small-i  " ng-if="funPlan.is_month_repayment_money>0">
											本金（￥3,333.33元）
										</span><!-- end ngIf: funPlan.is_month_repayment_money>0 -->
                                    <!-- ngIf: funPlan.is_moth_repayment_rate>0 --><span class="small-i  " ng-if="funPlan.is_moth_repayment_rate>0">
											月息（￥1,904.00元）
										</span><!-- end ngIf: funPlan.is_moth_repayment_rate>0 -->
                                    <!-- ngIf: funPlan.is_comprehensive>0 -->
									</i><!-- end ngIf: !changeEle.benjin -->
                                    <!-- ngIf: changeEle.benjin -->
								</span>
                                </td>
                            </tr>
                            <!--押金-->
                            <!-- ngIf: period_num == sum_name || (param.ps_id == 5 && sum > 0) -->
                            <!-- ngIf: period_num == sum_name || (param.ps_id == 5 && sum > 0) -->

                            <!-- 违约金 -->
                            <!-- ngIf: changeEle.penalty -->
                            <!-- 滞纳金 -->
                            <!-- ngIf: changeEle.late_fee -->

                            <!--实际收款 -->
                            <!-- ngIf: changeEle.huaizhang --><tr ng-if="changeEle.huaizhang" class="">
                                <td><span style="color: #ec0a0b;">*</span>实际收款</td>
                                <td class="tdWei">
                                    <label>
                                        <input ng-focus="remHight()" ng-class="{'error':redErr.real_payment_money}" ng-change="change()" type="text" autocomplete="off" ng-model="param.real_payment_money" class="ng-pristine ng-valid ng-empty ng-touched">
                                        <span>
										元
									</span>
                                    </label>
                                    <span class="loan-mind-al">
									<i class="small-i small-i-red" style="display:none" id="payment_money">输入的金额与实际计划收款金额不一致，请谨慎操作</i>
								</span>
                                </td>
                            </tr><!-- end ngIf: changeEle.huaizhang -->

                            <!--到账日期 -->
                            <tr ng-show="changeEle.huaizhang">
                                <td><span style="color: #ec0a0b;">*</span>到账日期</td>
                                <td class="tdWei">
								<span class="put-l-input">
								<input ng-focus="remHight()" ng-class="{'error':redErr.real_time}" type="text" autocomplete="off" ng-model="param.real_time" id="real_time" class="ng-pristine ng-valid ng-empty ng-touched">
								<i class="iconfont icon-riqi"></i>
								</span>
                                </td>
                            </tr>

                            <!--收据单号 -->
                            <!-- ngIf: changeEle.huaizhang --><tr ng-if="changeEle.huaizhang" class="">
                                <td>转款人</td>
                                <td class="tdWei">
                                    <label>
                                        <input style="width: 148px" type="text" autocomplete="off" ng-model="param.receipt_number" class="ng-pristine ng-valid ng-empty ng-touched">
                                    </label>
                                </td>
                            </tr><!-- end ngIf: changeEle.huaizhang -->

                            <!--转款方式 -->
                            <!-- ngIf: changeEle.huaizhang --><tr ng-if="changeEle.huaizhang" class="">
                                <td>转款方式</td>
                                <td class="tdWei">
                                    <label>
                                        <input style="width: 148px" type="text" autocomplete="off" ng-model="param.transfer_mode" class="ng-pristine ng-valid ng-empty ng-touched">
                                    </label>
                                </td>
                            </tr><!-- end ngIf: changeEle.huaizhang -->
                            </tbody>
                        </table>
                        <!-- 底部 -->
                        <div class="deleFooter">
                            <div class="beizhu assBeizhu">备注</div>
                            <textarea ng-model="param.remarks" data-tag="textLength" showtag="zishuxians"  class="ng-pristine ng-untouched ng-valid ng-empty ng-valid-maxlength"></textarea>
                            <div class="deleBtn">
                                <button style="background: #E55A5B;" ng-click="btn()">确定提交</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div></div>
</div>
<script type="text/javascript" src="static/js/page/finance/overdue_repayment.js?_v=190102162154"></script>

<title>逾期还款</title>
<%@include file="../../common/web_bottom.jsp" %>
